input.error {
	border: 1px solid red;
}

.mttips {
	min-width: 100px;
	left: 0px;
	background-color: #f8f5f5;
	text-align: center;
	position: absolute;
	z-index: 3;
	border: 1px solid #d7d5d5;
	border-radius: 3px;
}

.mttips:hover i {
	visibility: visible;
}

.mttips i:before, .mttips i:after {
	content: "";
	position: absolute;
	z-index: 1000;
	top: -7px;
	left: 50%;
	margin-left: -8px;
	border-top: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #f8f5f5;
}

.mttips i:before {
	border-top-color: #d7d5d5;
	top: -8px;
}